﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Reminders.aspx.cs" Inherits="Main_Personal_Reminders" 
    
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    
</head>
<body>
     <form id="form1" runat="server">
         <asp:HiddenField ID="txtCurrentUser" runat="server"/>
         <div id="divReminders" style="padding-top:2%">
            <table border="0" cellpadding="0" cellspacing="0" style="width:100%;padding-left: 2%;">
                <tr>
                    <td style="width:50px">
                        <img id="imgLogo" alt="logo" src="images/sidebar_links_bg.gif" />
                    </td>
                    <td align="left">
                        <h1 style="font-size:20px;">Reminders</h1>
                    </td>
                </tr>
            </table>
            <img id="imgheaderhr" src="images/links_header_hr.jpg" alt="link header hr"  style="background-repeat:repeat-x; width: 100%; height: 8px;"/>
            <table border="0" width="100%;">
                <tr>
                    <td valign="middle" align="center">
                        <!--This is the main table displayed at the center-->
                        <table style="font-size:100%; width: 100%; background-color:#ffffff" bgcolor="#669999">
                          
                            <tr>
                                <td valign="middle"> 
                                    <table style="vertical-align:middle"">
                                        <tr>
                                            <td>
                                                <img id="Img1" alt="Add Reminder" src="images/note_add.png" title="Add reminder" 
                                                    style="height: 20px; width: 20px; cursor:pointer;" onclick="javascript:showReminderPopup('Add');"/>                                                           
                                            </td>
                                            <td>
                                                <asp:Label ID="Label1" runat="server" style="cursor:pointer" onclick="javascript:showReminderPopup('Add');">Add Reminder        </asp:Label>
                                            </td>
                                            <td style="width:10px"></td>                                        
                                            <td>
                                                <img id="Img2" alt="Edit Reminder" src="images/note_edit.png" title="Edit reminder" 
                                                    style="height: 20px; width: 20px; cursor:pointer;" onclick="javascript:showReminderPopup('Edit');"/>                                
                                            </td>
                                            <td>
                                                <asp:Label ID="Label2" runat="server" style="cursor:pointer" onclick="javascript:showReminderPopup('Edit');">Edit Reminder        </asp:Label>
                                            </td> 
                                            <td style="width:10px"></td>                                        
                                            <td>
                                                <img id="Img3" alt="Delete Reminder" src="images/note_delete.png" title="Delete reminder" 
                                                    style="height: 20px; width: 20px; cursor:pointer;" onclick="javascript:deleteSelectedReminder();"/>                                                                   
                                            </td>
                                            <td>
                                                <asp:Label ID="Label3" runat="server" style="cursor:pointer" onclick="javascript:deleteSelectedReminder();">Delete Reminder        </asp:Label>
                                            </td>                                        
                                        </tr>
                                    </table>
                                    
                                    <%--<img id="btnAddReminder" alt="Add Reminder" src="images/reminder_add.png" title="Add reminder" 
                                             style="height: 20px; width: 20px; cursor:pointer;" onclick="javascript:showReminderPopup('Add');"/>                                
                                   
                                    <img id="btnEditReminder" alt="Edit Reminder" src="images/reminder_edit.png" title="Edit reminder" 
                                             style="height: 20px; width: 20px; cursor:pointer;" onclick="javascript:showReminderPopup('Edit');"/>                                
                                   
                                    <img id="btnDeleteReminder" alt="Delete Reminder" src="images/reminder_delete.png" title="Delete reminder" 
                                             style="height: 20px; width: 20px; cursor:pointer;" onclick="javascript:deleteSelectedReminder();"/>                                                                   --%>
                                </td>                                
                            </tr>
                            <tr>
                                <td valign=top style="font-size: 5px">                                
                                   <asp:DataGrid ID="GridView1" 
                                     Width="100%"
                                     runat="server" 
                                     BorderColor="Silver"
                                     GridLines="Vertical"
                                     AutoGenerateColumns="false"
                                     HeaderStyle-BackColor="Silver"
                                     HeaderStyle-Font-Bold="True"
                                     AllowPaging="True"                                     
                                     OnItemDataBound="GridView1_ItemDataBound">                                    
                                    <Columns>
                                        <asp:BoundColumn DataField="reminderID" HeaderText="ID" Visible="false"/>
                                        <asp:BoundColumn ItemStyle-Width="20%" DataField="title" HeaderText="Title"/>
                                        <asp:BoundColumn ItemStyle-Width="40%" DataField="description" HeaderText="Content"/>
                                        <asp:BoundColumn DataField="alarmTime" HeaderText="Alarm Time"/>
                                        <asp:BoundColumn DataField="dateCreated" HeaderText="Date Created"/>
                                        <asp:BoundColumn DataField="lastSaved" HeaderText="Last Saved" />
                                    </Columns>        
                                   </asp:DataGrid>                     
                                </td>                            
                            </tr>
                        </table>
                    </td>
                </tr>
            </table> 
         </div>
          
         <div id="divReminderPopup" style="position:absolute; display:none">
            <table border="0" 
                style="border:2px solid black;font-size:100%; height: 200px; width: 550px; background-color:#ffffff">
                <tr>
                    <td id="tdOperation" align="center" colspan="2"
                        style="color:White;background-color:SteelBlue;font-weight:bold;heigh:25px">
                        Add Reminder</td>
                </tr>
                <tr>
                    <td align="right">
                        <asp:HiddenField ID="txtID" runat="server" />
                        <asp:Label ID="lblTitle" runat="server" AssociatedControlID="txtTitle">Title</asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txtTitle" Width="500px" runat="server" Enabled="true" MaxLength="50" ></asp:TextBox>
                    </td>
                </tr>
                <tr valign=top>
                    <td align="right">
                        <asp:Label ID="lblDescription" runat="server" AssociatedControlID="txtDescription">Description</asp:Label>
                    </td>
                    <td>               
                        <asp:TextBox ID="txtDescription" runat="server" TextMode="MultiLine" Rows="5" 
                            Height="300px" Width="500px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td colspan=2>
                        <fieldset>
                            <legend>Alarm</legend>
                            <table>
                                <tr>
                                    <td align=right width=150px>
                                        <asp:Label ID="lblAlarmFullDate" runat="server" AssociatedControlID="txtAlarmMonth">Date (MM/DD/YYYY)</asp:Label>
                                    </td>
                                    <td> 
                                        <asp:DropDownList ID="txtAlarmMonth" runat="server" Enabled="true">
                                            <asp:ListItem Text="Jan" Value="1" />
                                            <asp:ListItem Text="Feb" Value="2" />
                                            <asp:ListItem Text="Mar" Value="3" />
                                            <asp:ListItem Text="Apr" Value="4" />
                                            <asp:ListItem Text="May" Value="5" />
                                            <asp:ListItem Text="Jun" Value="6" />
                                            <asp:ListItem Text="Jul" Value="7" />
                                            <asp:ListItem Text="Aug" Value="8" />
                                            <asp:ListItem Text="Sep" Value="9" />
                                            <asp:ListItem Text="Oct" Value="10" />
                                            <asp:ListItem Text="Nov" Value="11" />
                                            <asp:ListItem Text="Dec" Value="12" />
                                        </asp:DropDownList>                                    
                                        <asp:DropDownList ID="txtAlarmDate" runat="server" Enabled="true">
                                            <asp:ListItem Text="1" Value="1" />
                                            <asp:ListItem Text="2" Value="2" />
                                            <asp:ListItem Text="3" Value="3" />
                                            <asp:ListItem Text="4" Value="4" />
                                            <asp:ListItem Text="5" Value="5" />
                                            <asp:ListItem Text="6" Value="6" />
                                            <asp:ListItem Text="7" Value="7" />
                                            <asp:ListItem Text="8" Value="8" />
                                            <asp:ListItem Text="9" Value="9" />
                                            <asp:ListItem Text="10" Value="10" />
                                            <asp:ListItem Text="11" Value="11" />
                                            <asp:ListItem Text="12" Value="12" />
                                            <asp:ListItem Text="13" Value="13" />
                                            <asp:ListItem Text="14" Value="14" />
                                            <asp:ListItem Text="15" Value="15" />
                                            <asp:ListItem Text="16" Value="16" />
                                            <asp:ListItem Text="17" Value="17" />
                                            <asp:ListItem Text="18" Value="18" />
                                            <asp:ListItem Text="19" Value="19" />
                                            <asp:ListItem Text="20" Value="20" />
                                            <asp:ListItem Text="21" Value="21" />
                                            <asp:ListItem Text="22" Value="22" />
                                            <asp:ListItem Text="23" Value="23" />
                                            <asp:ListItem Text="24" Value="24" />
                                            <asp:ListItem Text="25" Value="25" />
                                            <asp:ListItem Text="26" Value="26" />
                                            <asp:ListItem Text="27" Value="27" />
                                            <asp:ListItem Text="28" Value="28" />
                                            <asp:ListItem Text="29" Value="29" />
                                            <asp:ListItem Text="30" Value="30" />
                                            <asp:ListItem Text="31" Value="31" />
                                        </asp:DropDownList>
                                        <asp:TextBox ID="txtAlarmYear" Width="40px" runat="server" Enabled="true" MaxLength="4" ></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td align=right>
                                        <asp:Label ID="lblAlarmTime" runat="server" AssociatedControlID="txtAlarmHour">Time (HH:MM:SS)</asp:Label>
                                    </td>
                                    <td>                                        
                                        <asp:DropDownList ID="txtAlarmHour" runat="server" Enabled="true">
                                            <asp:ListItem Text="1" Value="1" />
                                            <asp:ListItem Text="2" Value="2" />
                                            <asp:ListItem Text="3" Value="3" />
                                            <asp:ListItem Text="4" Value="4" />
                                            <asp:ListItem Text="5" Value="5" />
                                            <asp:ListItem Text="6" Value="6" />
                                            <asp:ListItem Text="7" Value="7" />
                                            <asp:ListItem Text="8" Value="8" />
                                            <asp:ListItem Text="9" Value="9" />
                                            <asp:ListItem Text="10" Value="10" />
                                            <asp:ListItem Text="11" Value="11" />
                                            <asp:ListItem Text="12" Value="12" />                                                                                        
                                        </asp:DropDownList>:
                                        <asp:DropDownList ID="txtAlarmMin" runat="server" Enabled="true">
                                            <asp:ListItem Text="00" Value="00" />
                                            <asp:ListItem Text="01" Value="01" />
                                            <asp:ListItem Text="02" Value="02" />
                                            <asp:ListItem Text="03" Value="03" />
                                            <asp:ListItem Text="04" Value="04" />
                                            <asp:ListItem Text="05" Value="05" />
                                            <asp:ListItem Text="06" Value="06" />
                                            <asp:ListItem Text="07" Value="07" />
                                            <asp:ListItem Text="08" Value="08" />
                                            <asp:ListItem Text="09" Value="09" />
                                            <asp:ListItem Text="10" Value="10" />
                                            <asp:ListItem Text="11" Value="11" />
                                            <asp:ListItem Text="12" Value="12" />
                                            <asp:ListItem Text="13" Value="13" />
                                            <asp:ListItem Text="14" Value="14" />
                                            <asp:ListItem Text="15" Value="15" />
                                            <asp:ListItem Text="16" Value="16" />
                                            <asp:ListItem Text="17" Value="17" />
                                            <asp:ListItem Text="18" Value="18" />
                                            <asp:ListItem Text="19" Value="19" />
                                            <asp:ListItem Text="20" Value="20" />
                                            <asp:ListItem Text="21" Value="21" />
                                            <asp:ListItem Text="22" Value="22" />
                                            <asp:ListItem Text="23" Value="23" />
                                            <asp:ListItem Text="24" Value="24" />
                                            <asp:ListItem Text="25" Value="25" />
                                            <asp:ListItem Text="26" Value="26" />
                                            <asp:ListItem Text="27" Value="27" />
                                            <asp:ListItem Text="28" Value="28" />
                                            <asp:ListItem Text="29" Value="29" />
                                            <asp:ListItem Text="30" Value="30" />
                                            <asp:ListItem Text="31" Value="31" />
                                            <asp:ListItem Text="32" Value="32" />
                                            <asp:ListItem Text="33" Value="33" />
                                            <asp:ListItem Text="34" Value="34" />
                                            <asp:ListItem Text="35" Value="35" />
                                            <asp:ListItem Text="36" Value="36" />
                                            <asp:ListItem Text="37" Value="37" />
                                            <asp:ListItem Text="38" Value="38" />
                                            <asp:ListItem Text="39" Value="39" />
                                            <asp:ListItem Text="40" Value="40" />
                                            <asp:ListItem Text="41" Value="41" />
                                            <asp:ListItem Text="42" Value="42" />
                                            <asp:ListItem Text="43" Value="43" />
                                            <asp:ListItem Text="44" Value="44" />
                                            <asp:ListItem Text="45" Value="45" />
                                            <asp:ListItem Text="46" Value="46" />
                                            <asp:ListItem Text="47" Value="47" />
                                            <asp:ListItem Text="48" Value="48" />
                                            <asp:ListItem Text="49" Value="49" />
                                            <asp:ListItem Text="50" Value="50" />
                                            <asp:ListItem Text="51" Value="51" />
                                            <asp:ListItem Text="52" Value="52" />
                                            <asp:ListItem Text="53" Value="53" />
                                            <asp:ListItem Text="54" Value="54" />
                                            <asp:ListItem Text="55" Value="55" />
                                            <asp:ListItem Text="56" Value="56" />
                                            <asp:ListItem Text="57" Value="57" />
                                            <asp:ListItem Text="58" Value="58" />
                                            <asp:ListItem Text="59" Value="59" />                                          
                                        </asp:DropDownList>
                                        <%--<asp:DropDownList ID="txtAlarmSec" runat="server" Enabled="true">
                                            <asp:ListItem Text="00" Value="00" />
                                            <asp:ListItem Text="01" Value="01" />
                                            <asp:ListItem Text="02" Value="02" />
                                            <asp:ListItem Text="03" Value="03" />
                                            <asp:ListItem Text="04" Value="04" />
                                            <asp:ListItem Text="05" Value="05" />
                                            <asp:ListItem Text="06" Value="06" />
                                            <asp:ListItem Text="07" Value="07" />
                                            <asp:ListItem Text="08" Value="08" />
                                            <asp:ListItem Text="09" Value="09" />
                                            <asp:ListItem Text="10" Value="10" />
                                            <asp:ListItem Text="11" Value="11" />
                                            <asp:ListItem Text="12" Value="12" />
                                            <asp:ListItem Text="13" Value="13" />
                                            <asp:ListItem Text="14" Value="14" />
                                            <asp:ListItem Text="15" Value="15" />
                                            <asp:ListItem Text="16" Value="16" />
                                            <asp:ListItem Text="17" Value="17" />
                                            <asp:ListItem Text="18" Value="18" />
                                            <asp:ListItem Text="19" Value="19" />
                                            <asp:ListItem Text="20" Value="20" />
                                            <asp:ListItem Text="21" Value="21" />
                                            <asp:ListItem Text="22" Value="22" />
                                            <asp:ListItem Text="23" Value="23" />
                                            <asp:ListItem Text="24" Value="24" />
                                            <asp:ListItem Text="25" Value="25" />
                                            <asp:ListItem Text="26" Value="26" />
                                            <asp:ListItem Text="27" Value="27" />
                                            <asp:ListItem Text="28" Value="28" />
                                            <asp:ListItem Text="29" Value="29" />
                                            <asp:ListItem Text="30" Value="30" />
                                            <asp:ListItem Text="31" Value="31" />
                                            <asp:ListItem Text="32" Value="32" />
                                            <asp:ListItem Text="33" Value="33" />
                                            <asp:ListItem Text="34" Value="34" />
                                            <asp:ListItem Text="35" Value="35" />
                                            <asp:ListItem Text="36" Value="36" />
                                            <asp:ListItem Text="37" Value="37" />
                                            <asp:ListItem Text="38" Value="38" />
                                            <asp:ListItem Text="39" Value="39" />
                                            <asp:ListItem Text="40" Value="40" />
                                            <asp:ListItem Text="41" Value="41" />
                                            <asp:ListItem Text="42" Value="42" />
                                            <asp:ListItem Text="43" Value="43" />
                                            <asp:ListItem Text="44" Value="44" />
                                            <asp:ListItem Text="45" Value="45" />
                                            <asp:ListItem Text="46" Value="46" />
                                            <asp:ListItem Text="47" Value="47" />
                                            <asp:ListItem Text="48" Value="48" />
                                            <asp:ListItem Text="49" Value="49" />
                                            <asp:ListItem Text="50" Value="50" />
                                            <asp:ListItem Text="51" Value="51" />
                                            <asp:ListItem Text="52" Value="52" />
                                            <asp:ListItem Text="53" Value="53" />
                                            <asp:ListItem Text="54" Value="54" />
                                            <asp:ListItem Text="55" Value="55" />
                                            <asp:ListItem Text="56" Value="56" />
                                            <asp:ListItem Text="57" Value="57" />
                                            <asp:ListItem Text="58" Value="58" />
                                            <asp:ListItem Text="59" Value="59" />
                                        </asp:DropDownList>--%>                                        
                                        <asp:DropDownList ID="txtAMPM" runat="server" Enabled="true">
                                            <asp:ListItem Text="AM" Value="AM" />
                                            <asp:ListItem Text="PM" Value="PM" />                                            
                                        </asp:DropDownList>
                                    </td>      
                                </tr>
                            </table>
                        </fieldset>
                        
                        <%--<asp:Calendar id="txtAlarmTime" Width="500px" runat="server" Enabled="true" />--%>
                        <%--<asp:TextBox ID="txtAlarmTime" Width="500px" runat="server" Enabled="true" MaxLength="50" ></asp:TextBox>--%>
                    </td>
                </tr>
                <tr>
                    <td align="center" colspan="2" style="color:Red;">
                        <asp:Label ID="lblErrorMessage" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="right">
                        <input type="button" id="btnReminderOperation"  value="Save Changes" onclick="javascript:PerformReminderOperation();"/>
                        <input type="button" id="btnReminderCancel"  value="Cancel" onclick="javascript:CancelReminderOperation();" />
                    </td>
                </tr>                    
            </table>
        </div>
       
     </form>  
</body>
</html>
